<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东轮播图</title>
	<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
	<style type="text/css">
		#box{width: 790px;height: 340px;position: relative;}
		li{list-style: none;position: absolute;top: 0;left: 0;}
	</style>
</head>
<body>
	<ul id="box">
		<li ><a href="#"><img src="images/1.jpg"/></a></li>
		<li ><a href="#"><img src="images/2.jpg"/></a></li>
		<li ><a href="#"><img src="images/3.jpg"/></a></li>
		<li ><a href="#"><img src="images/4.jpg"/></a></li>
		<li ><a href="#"><img src="images/5.jpg"/></a></li>
		<li ><a href="#"><img src="images/6.jpg"/></a></li>
		<li ><a href="#"><img src="images/7.jpg"/></a></li>
		<li ><a href="#"><img src="images/8.jpg"/></a></li>
		
	</ul>
	<script type="text/javascript">
		$(function(){
			$('#box')
			
			
			
			
			
		})
	</script>


</body>
</html>